{include file="layout/head.tpl"}
{include file="layout/menu.tpl"}

{literal}

<script type="text/javascript" src="include/js/jquery.validate.min.js"></script>

<script type="text/javascript">
    
$().ready(function() {            	

    $("#frmCadBonus").validate({
        rules: {						
            descricao: {
                required: true           			
            },
            valor: {
                required: true          			
            }    
        }
    });
});
</script>
{/literal}

<div id="content" class="block-border">

    <div class="block-content">
        <div class="h1 with-menu"><h1>Cadastro de Bônus</h1></div>


        {display_errors errors=$errosValidacao|default:null}

        <div class="columns">

            <div class="colx1-left">
                <!-- Add the class 'form' -->
                <form id="frmCadBonus" action="BonusAction.salvar" class="form" method="post">

                    <input type="hidden" name="bonusID" id="bonusID" value="{$bonusID|default:0}" />

                    <fieldset>
                        <legend>Dados do Bônus</legend>				
                            {form_input name="descricao" label="Descrição" required=true value="{$descricao|default:''}"}                            
                            {form_input name="valor" label="Valor R$" required=true value="{$valor|default:'0,00'}"}                
                    </fieldset>


                    <div class="btAction">			
			 {action_button label="Limpar" type="reset" class="grey"}
                         {action_button label="Salvar" type="submit"}
                    </div> 

                </form>
            </div>
        </div>
    </div>





</div>

{include file="layout/footer.tpl"}